
<HTML>

<HEAD>
<TITLE>First Test of Section 5.4.4 of CSS1 Spec</TITLE>

<STYLE>
#id1 {vertical-align: baseline}
#id2 {vertical-align: sub}
#id3 {vertical-align: super}
#id4 {vertical-align: top}
#id5 {vertical-align: text-top}
#id6 {vertical-align: middle}
#id7 {vertical-align: bottom}
#id8 {vertical-align: text-bottom}
#id9 {vertical-align: 200%}
</STYLE>
</HEAD>


<BODY>



<h1>Testing Statement #1 Below of Section 5.4.4 of CSS1 Spec</h1>








<ul>
<li>
1. For "vertical-align", value is "baseline | sub | super | top | text-top |
     middle | bottom | text-bottom | percentage".
</ul>

<h2>
PASS CRITERIA:
</h2>
<p >
If statement #1 above is passed, this paragraph should have a vertical
positioning of baseline relative to this p element, for this <em ID=id1>
emphasized text</em>.
The rule applied is "#id1 {vertical-align: baseline}".
<p >
This paragraph should have a vertical positioning of sub relative to the
p element, for this <em ID=id2>emphasized text</em>
The rule applied is "#id2 {vertical-align: sub}".
<p >
This paragraph should have a vertical positioning of super relative to the
p element, for this <em ID=id3>emphasized text</em>.
The rule applied is '#id3 {vertical-align: super}".
<p >
This paragraph should have a vertical positioning of top relative to the
p element, for this <em ID=id4>emphasized text</em>.
The rule applied is "#id4 {vertical-align: top}".
<p >
This paragraph should have a vertical positioning of text-top relative to
the p element, for this <em ID=id5>emphasized text</em>
The rule applied is "#id5 {vertical-align: text-top}".
<p >
This paragraph should have a vertical positioning of middle relative to
the p element, for this<em ID=id6> emphasized text</em>.
The rule applied is "#id6 {vertical-align: middle)".
<p >
This paragraph should have a vertical positioning of bottom relative to
the p element, for this<em ID=id7> emphasized text</em>.
The rule applied is "#id7 {vertical-align: bottom}".
<p >
This paragraph should have a vertical positioning of text-bottom relative
to the p element, for this<em ID=id8> emphasized text</em>.
The rule applied is "#id8 {vertical-align: text-bottom}".
<p >
This paragraph should have a vertical positioning of 200%, relative to
the line height of this "p" element, for this <em ID=id9>emphasized text</em>.
The rule applied is "#id9 {vertical-align: 200%}".
<p>

All other properties of this page should be UA-default.
All the "ids" above are applied to em elements.
To move to the next test, click<a href="544-2.htm"> here</a>

</BODY>
</HTML>

